<div class="row">
            <div id="breadcrums" class="col-lg-12">
                <ol class="breadcrumb">
                    <li><a href="<?=site_url() ?>">Trang chủ</a></li>
                    <li><a href="">Thời trang</a></li>
                    <li class="active"><a href="">Nam</a></li>
                </ol>
                <h3><?=$product['title'] ?></h3>    
            </div>
        </div>
        <div class="row">
            <div id="tab-product" class="col-lg-12">
                <ul id="tab">
                    <li class="active"><a href="">Nam</a></li>
                    <li><a href="">Nữ</a></li>
                    <li><a href="">Túi xách</a></li>
                    <li><a href="">Case</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div id="wrapper-product" class="col-md-8 col-lg-8 col-sm-8">
                <article id="img-product">
                  <div id="galleria">
                  <?php 
                    foreach ($product['product_images'] as $obj): 
                        $product_image = !empty($obj->image) ? base_url('uploads/image/products/'.$obj->image) : 'http://placehold.it/620x390';
                  ?>
                      <a href="<?=$product_image ?>"><img src="<?=$product_image ?>" alt=""></a>                      
                  <?php endforeach; ?>                      
                  </div>
                </article>
                <div id="comments">
                   <div id="title-comments">
                       <h4>Để lại bình luận</h4>
                   </div>

                </div>
            </div><!-- #wrapper-product -->
            <div id="sidebar-product" class="col-md-4 col-lg-4 col-sm-4">
                <section id="item-group">
                    <h4>Áo thun nam</h4>
                    <div id="cost">
                        <span class="price"><?=$product['price'] ?></span> <span>Freeship toàn quốc</span>
                    </div>
                    <div id="select">
                        <p>Chọn màu và size của bạn</p>
                        <div id="color-select">
                            <ul class="color">
                                <li>
                                    <a href="">
                                        <em></em>
                                         <span style="background-color:#FC297D;"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <em></em>
                                        <span style="background-color:#FB607A;"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <em></em>
                                         <span style="background-color:#FDA286;"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div id="size-select">
                            <ul id="select" name="">
                            <?php 
                                $sizes = array('xs','s','m','l','xl','xxl','xxxl');
                                    foreach ($sizes as $size):                                    
                                        if(!empty($product[$size]) && ($product[$size] > 0))
                                        {
                            ?>
                                <li value="">
                                    <a href="<?=site_url('home/addToCart/'.$product['id'].'/'.$size) ?>" class="gray-btn">
                                        <b><?=$size; ?></b>
                                        <span>còn <?=$product[$size] ?></span>
                                    </a>
                                </li>                                
                            <?php
                                        }
                                    endforeach;
                            ?>
                            </ul>
                             <div class="clearfix"></div>
                        </div><!-- #size select -->                 
                    </div><!-- #select -->
                </section><!-- #item-group -->
               
                <section id="item-btn">
                   <a href="<?=site_url('home/addCart/'.$product['id']) ?>"><button class="ghost-btn-white">Thêm vào giỏ</button></a>
                   <button class="red-btn">Mua ngay</button>
                </section>
                <section id="share-btn">
                    
                </section>
                <section id="designer-infor">
                    <div class="title-section">
                        <h4>Thông tin Designer</h4>
                    </div>
                    <div class="nomargin row">
                        <img src="<?=$product['designer_img'] ?>" alt="" class="col-md-4 img-circle">
                        <div class="col-md-8" id="designer-name">
                            <p>
                                <b><?=$product['designer'] ?></b>
                                <br><?=$product['designer_desc'] ?>
                                 <br>
                                <!-- <a href="">www.apple.com</a>     -->
                            </p>
                        </div>
                    </div>
                </section>
                <section id="about-design">
                    <div class="title-section">
                        <h4>Về thiết kế</h4>
                    </div>
                    <div class="nomargin row">
                        <img src="<?=$product['article_image']; ?>" alt="" class="img-responsive">
                    </div>
                    <p>
                        <b class="red"><?=$product['article_title']; ?></b><br>
                        <?=$product['article_detail']; ?>
                    </p>
                    <div id="tag" class="nomargin row">
                        <button class="gray-btn">T-quotes</button>
                        <button class="gray-btn">Steve Jobs</button>
                        <button class="gray-btn">Cứ đói đi</button>
                         <button class="gray-btn">Cứ khát đi</button>
                    </div>
                </section>
            </div>
        </div>
        <div class="row">
            <div id="related">
                <div id="title-related">
                    <h4>Có thể bạn sẽ thích</h4>
                </div>
                <ul class="style1 row">
                <?php foreach($related_products as $product): ?>
                    <li class="col-md-3">
                        <figure>
                            <img src="<?=base_url('uploads/image/products/'.$product->image) ?>" alt="" class="img-responsive">
                            <figcaption>
                                <h3><?=$product->title ?></h3>
                                <hr>
                                <span>thiết kế bởi <a href="">Tác giả</a></span>
                                <button class="ghost-btn">Xem chi tiết</button> 
                            </figcaption>
                        </figure>
                    </li>  
                <?php endforeach; ?>                  
                </ul>
            </div><!-- related -->
        </div><!-- row -->        
        
